<template>
  <div class="marketNav1">
      <ul>
          <li>
              <i class="iconfont icon-dianzan"></i>
              <span>推荐</span>
          </li>
          <li>
              <i class="iconfont icon-huore"></i>
              <span>最热</span>
          </li>
          <li>
              <i class="iconfont icon-huangguan"></i>
              <span>最新</span>
          </li>
          <li>
              <i class="iconfont icon-shangxiaxuanze"></i>
              <span>价格</span>
          </li>
      </ul>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
ul{
    font-size: .18rem;
    height: .45rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-bottom: .01rem solid #999;
}
.iconfont{
    font-size: .2rem;
    padding-right: .05rem;
}
</style>